<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>grid</title>
	<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"/>
	<script type="text/javascript" src="../js/ext-base.js"></script>
	<script type="text/javascript" src="../js/ext-all-debug.js"></script>
	<script type="text/javascript" src="../js/ext-lang-zh_CN.js"></script>
        <script type="text/javascript">
Ext.onReady(function(){
    var ds1 = new Ext.data.Store({
        proxy: new Ext.data.MemoryProxy([
            ['01','name01','descn01'],
            ['02','name02','descn02'],
            ['03','name03','descn03'],
            ['04','name04','descn04'],
            ['05','name05','descn05']
        ]),
        reader: new Ext.data.ArrayReader({}, [
            {name: 'id'},
            {name: 'name'},
            {name: 'descn'}
        ])
    });
    var ds2 = new Ext.data.Store({
        proxy: new Ext.data.MemoryProxy(),
        reader: new Ext.data.ArrayReader({}, [
            {name: 'id'},
            {name: 'name'},
            {name: 'descn'}
        ])
    });

    ds1.load();
    ds2.load();
     var cm = new Ext.grid.ColumnModel([
        {header:'编号',dataIndex:'id'},
        {header:'名称',dataIndex:'name'},
        {header:'描述',dataIndex:'descn'}
    ]);
 var grid1 = new Ext.grid.GridPanel({
 		el: 'gridPanel1',
        ds: ds1,
        cm: cm,
        enableDragDrop: true
    });

new Ext.Viewport({
    layout: 'border',
    defaults: {
        activeItem: 0
    },
    items: [{
        region: 'north',
        html: '<h1 class="x-panel-header">Page Title</h1>',
        autoHeight: true,
        border: false,
        margins: '0 0 5 0'
    }, {
       	region: 'west',
        xtype: 'grid',
        width: 225,
        minSize: 175,
        maxSize: 400,
        ds: ds1,
        cm: cm,
        enableDragDrop: true
    }, {
    	width:500,
        region: 'center',
        xtype: 'grid',
        ds: ds1,
        cm: cm,
        enableDragDrop: true
    }]
});
//border.render();
});
        </script>
    </head>
    <body> 
    <div id="gridPanel1">
	</div>
	<div id="gridPanel2">
	</div>	
    </body>
</html>
